<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>邮件系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
	
	<th:block th:include="include/src :: grid_base_js_and_css"/>
	<!-- form style -->
	<link rel="stylesheet" href="/static/admin/css/mini-ease-edit.css">

	<!-- kindeditor -->
	<script type="text/javascript" src="/static/plugins/kindeditor/kindeditor-all.js"></script>
	<script type="text/javascript" src="/static/plugins/kindeditor/lang/zh-CN.js"></script>
	
	<script type="text/javascript" src="/static/js/mail/MailObj.js"></script>
	
	<style>
	html {height: 100vh;background-color: #e4e6e9;}
	body {height: 100vh;}
	ul { list-style:none; margin:0; padding:0; border:0; font-size:13px; color:#000;}
	
	.layui-nav {background-color: #ffffff;}
	.layui-nav-item {line-height: 30px !important;}
	.layui-nav-item > a {height: 30px !important; line-height: 30px !important; color: #000000 !important;}
	
	.person_panel {padding: 3px 0; border-radius: 2px; border-style: solid; min-height: 31px; width: calc(100% - 30px) !important; border-color: #eee!important;border-width: 1px;border-style: solid;background-color: #fff; color: rgba(0,0,0,.85);}
	.person_panel:hover {border-color: #ff0000 !important;}
	.person_single {padding:3px 10px; margin: 2px; width: auto;border: 1px solid #0095e7; color: #0095e7; border-radius: 3px;display: inline-block;border-radius:14px;}
	
	.class_for_hover_red:hover {color: red; cursor: pointer;}
	.search-input{height: 38px; line-height: 1.3; line-height: 38px; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px;}
	
	.content-head {
		height: auto;
	    text-align: left;
	    padding: 0 0 0 30px;
	    margin-top: 0;
	    background: #f3f1f1;
	    border-top: 1px solid #8BA7CC;
	    border-bottom: 1px solid #8BA7CC;
    }
    .mailContent {overflow-y: scroll; padding: 0 15px; margin-top: 6px;}
    .mailContent p {margin: 4px 0;}
    .content-head p {margin: 4px 0;}
	</style>
</head>
<body>
	
	<!-- 表格工具栏【收件箱】 -->
	<script type="text/html" id="toolbar_for_1">
	<div class="layui-btn-container">
		<a class="layui-btn layui-btn-normal layui-btn-danger layui-btn-sm" lay-event="batch_delete"><i class="layui-icon layui-icon-close-fill"></i>批量放入回收站</a>
		<a class="layui-btn layui-btn-normal layui-btn-warm layui-btn-sm" lay-event="batch_readed"><i class="layui-icon layui-icon-read"></i>标记已读</a>
	</div>
	</script>
	
	<!-- 表格工具栏【草稿箱】 -->
	<script type="text/html" id="toolbar_for_2">
	<div class="layui-btn-container">
		<a class="layui-btn layui-btn-normal layui-btn-danger layui-btn-sm" lay-event="batch_delete"><i class="layui-icon layui-icon-close-fill"></i>批量删除</a>
	</div>
	</script>
	
	<!-- 表格工具栏【发件箱】 -->
	<script type="text/html" id="toolbar_for_3">
	<div class="layui-btn-container">
		<a class="layui-btn layui-btn-normal layui-btn-danger layui-btn-sm" lay-event="batch_delete"><i class="layui-icon layui-icon-close-fill"></i>批量删除</a>
	</div>
	</script>
	
	<!-- 表格工具栏【垃圾箱】 -->
	<script type="text/html" id="toolbar_for_4">
	<div class="layui-btn-container">
		<a class="layui-btn layui-btn-normal layui-btn-danger layui-btn-sm" lay-event="batch_delete"><i class="layui-icon layui-icon-close-fill"></i>批量删除</a>
		<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="batch_reback"><i class="layui-icon layui-icon-ok"></i>批量恢复</a>
	</div>
	</script>
	
	<div class="display_flex" style="height: calc(100% - 5px);" id="id_panel_content">
		<!-- 树面板【start】 -->
		<div style="height: calc(100% - 5px); width: 17%; float: left;">
			<div style="overflow: auto; padding-top: 0.2rem; height: 100%;">
				<div id="id_panel_left" style="margin: 0; padding: 5px; height: calc(100% - 10px);">
					<ul class="layui-nav layui-nav-tree" lay-filter="test" style="width: 100%;">
						<li class="layui-nav-item" onclick="window.MailObj.showItem('write');" data-filter="nav_li_left"><a href="javascript:void(0);"><i class="layui-icon layui-icon-add-circle"></i> 新建邮件</a></li>
						<li class="layui-nav-item layui-this" onclick="window.MailObj.showItem('inbox');" data-filter="nav_li_left"><a href="javascript:void(0);"><i class="layui-icon layui-icon-email"></i> 收件箱</a></li>
						<li class="layui-nav-item" onclick="window.MailObj.showItem('draft');" data-filter="nav_li_left"><a href="javascript:void(0);"><i class="layui-icon layui-icon-log"></i> 草稿箱</a></li>
						<li class="layui-nav-item" onclick="window.MailObj.showItem('outbox');" data-filter="nav_li_left"><a href="javascript:void(0);"><i class="layui-icon layui-icon-release"></i> 发件箱</a></li>
						<li class="layui-nav-item" onclick="window.MailObj.showItem('dustbin');" data-filter="nav_li_left"><a href="javascript:void(0);"><i class="layui-icon layui-icon-delete"></i> 垃圾箱</a></li>
					</ul>
					<div style="overflow: auto; max-height: calc(100% - 200px);height: calc(100% - 200px); border-top: double rgb(255, 255, 255); background-color: #ffffff;">
						<!-- 左边容器-写邮件[start] -->
						<div style="width: 100%; display: none;" data-filter="filter_panel_left" data-type="write">
							<p style="height: 35px;line-height: 35px;text-align: center;background: rgb(0, 135, 250);color: #fff;font-weight: bolder;font-size: 14px;">通讯录</p>
							<div class="layui-tab layui-tab-brief">
								<ul class="layui-tab-title">
									<li class="layui-this">组织机构</li>
									<li>用户组</li>
								</ul>
								<div class="layui-tab-content">
									<div class="layui-tab-item layui-show">
										<div class="layui-nav-tree" style="width: 100%;">
											<div id="id_tree_org"></div>
										</div>
									</div>
									<div class="layui-tab-item">
										<div class="layui-nav-tree" style="width: 100%;">
											<div id="id_tree_group"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 左边容器-写邮件[end] -->
						
						<!-- 邮件搜索-收件箱[start] -->
						<div style="width: 100%;" data-filter="filter_panel_left" data-type="inbox">
							<p style="height: 35px;line-height: 35px;text-align: center;background: rgb(0, 135, 250);color: #fff;font-weight: bolder;font-size: 14px;">邮件搜索</p>
							<form class="layui-form" style="display: block;" id="id_form_search_table_for_receive">
								<table style="margin-top: 10px;">
									<tbody>
										<tr><td width="65" style="text-align: right; font-size: 11px;">标题：</td><td><input type="text" name="title" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">正文：</td><td><input type="text" name="detail" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发件人：</td><td><input type="text" name="sender" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">邮件标签：</td><td><input type="text" name="tags" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发送时间：</td><td style="position: relative;"><input type="text" name="sendTime" class="layui-input search-input" data-input-type="date_day"></td></tr>
										<tr>
											<td style="text-align: right; font-size: 11px; height: 35px;">紧急程度：</td>
											<td>
												<select name="emergent">
													<option value="">全部</option>
													<option value="1">普通</option>
													<option value="2">加急</option>
													<option value="3">特急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td style="text-align: right; font-size: 11px;">邮件状态：</td>
											<td>
												<select name="stateRead">
													<option value="">全部</option>
													<option value="1">已读</option>
													<option value="0">未读</option>
												</select>
											</td>
										</tr>
										<tr>
											<td colspan="2" style="text-align: center;height: 50px;">
												<a class="layui-btn layui-btn-normal" lay-submit lay-filter="form_submit_search_table"><icon class="layui-icon layui-icon-search"></icon>搜 索</a>
												<a class="layui-btn layui-btn-primary" lay-submit lay-filter="form_clear_search_table"><icon class="layui-icon layui-icon-refresh-3"></icon>重 置</a>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
						<!-- 邮件搜索-收件箱[end] -->
						
						<!-- 邮件搜索-草稿箱[start] -->
						<div style="width: 100%; display: none;" data-filter="filter_panel_left" data-type="draft">
							<p style="height: 35px;line-height: 35px;text-align: center;background: rgb(0, 135, 250);color: #fff;font-weight: bolder;font-size: 14px;">邮件搜索</p>
							<form class="layui-form" style="display: block;" id="id_form_search_table_for_draft">
								<table style="margin-top: 10px;">
									<tbody>
										<tr><td width="65" style="text-align: right; font-size: 11px;">标题：</td><td><input type="text" name="title" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">正文：</td><td><input type="text" name="detail" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">收件人：</td><td><input type="text" name="receivers" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">邮件标签：</td><td><input type="text" name="tags" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发送时间：</td><td style="position: relative;"><input type="text" name="sendTime" class="layui-input search-input" data-input-type="date_day"></td></tr>
										<tr>
											<td style="text-align: right; font-size: 11px; height: 35px;">紧急程度：</td>
											<td>
												<select name="emergent">
													<option value="">全部</option>
													<option value="1">普通</option>
													<option value="2">加急</option>
													<option value="3">特急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td colspan="2" style="text-align: center;height: 50px;">
												<a class="layui-btn layui-btn-normal" lay-submit lay-filter="form_submit_search_table"><icon class="layui-icon layui-icon-search"></icon>搜 索</a>
												<a class="layui-btn layui-btn-primary" lay-submit lay-filter="form_clear_search_table"><icon class="layui-icon layui-icon-refresh-3"></icon>重 置</a>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
						<!-- 邮件搜索-草稿箱[end] -->
						
						<!-- 邮件搜索-发件箱[start] -->
						<div style="width: 100%; display: none;" data-filter="filter_panel_left" data-type="outbox">
							<p style="height: 35px;line-height: 35px;text-align: center;background: rgb(0, 135, 250);color: #fff;font-weight: bolder;font-size: 14px;">邮件搜索</p>
							<form class="layui-form" style="display: block;" id="id_form_search_table_for_sender">
								<table style="margin-top: 10px;">
									<tbody>
										<tr><td width="65" style="text-align: right; font-size: 11px;">标题：</td><td><input type="text" name="title" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">正文：</td><td><input type="text" name="detail" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">收件人：</td><td><input type="text" name="receivers" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">邮件标签：</td><td><input type="text" name="tags" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发送时间：</td><td style="position: relative;"><input type="text" name="sendTime" class="layui-input search-input" data-input-type="date_day"></td></tr>
										<tr>
											<td style="text-align: right; font-size: 11px; height: 35px;">紧急程度：</td>
											<td>
												<select name="emergent">
													<option value="">全部</option>
													<option value="1">普通</option>
													<option value="2">加急</option>
													<option value="3">特急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td style="text-align: right; font-size: 11px;">邮件状态：</td>
											<td>
												<select name="stateRead">
													<option value="">全部</option>
													<option value="1">已读</option>
													<option value="0">未读</option>
												</select>
											</td>
										</tr>
										<tr>
											<td colspan="2" style="text-align: center;height: 50px;">
												<a class="layui-btn layui-btn-normal" lay-submit lay-filter="form_submit_search_table"><icon class="layui-icon layui-icon-search"></icon>搜 索</a>
												<a class="layui-btn layui-btn-primary" lay-submit lay-filter="form_clear_search_table"><icon class="layui-icon layui-icon-refresh-3"></icon>重 置</a>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
						<!-- 邮件搜索-发件箱[end] -->
						
						<!-- 邮件搜索-垃圾箱[start] -->
						<div style="width: 100%; display: none;" data-filter="filter_panel_left" data-type="dustbin">
							<p style="height: 35px;line-height: 35px;text-align: center;background: rgb(0, 135, 250);color: #fff;font-weight: bolder;font-size: 14px;">邮件搜索</p>
							<form class="layui-form" style="display: block;" id="id_form_search_table_for_rabish">
								<table style="margin-top: 10px;">
									<tbody>
										<tr><td width="65" style="text-align: right; font-size: 11px;">标题：</td><td><input type="text" name="title" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">正文：</td><td><input type="text" name="detail" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发件人：</td><td><input type="text" name="sender" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">邮件标签：</td><td><input type="text" name="tags" autocomplete="off" class="layui-input search-input"></td></tr>
										<tr><td style="text-align: right; font-size: 11px; height: 35px;">发送时间：</td><td style="position: relative;"><input type="text" name="sendTime" class="layui-input search-input" data-input-type="date_day"></td></tr>
										<tr>
											<td style="text-align: right; font-size: 11px; height: 35px;">紧急程度：</td>
											<td>
												<select name="emergent">
													<option value="">全部</option>
													<option value="1">普通</option>
													<option value="2">加急</option>
													<option value="3">特急</option>
												</select>
											</td>
										</tr>
										<tr>
											<td style="text-align: right; font-size: 11px;">邮件状态：</td>
											<td>
												<select name="stateRead">
													<option value="">全部</option>
													<option value="1">已读</option>
													<option value="0">未读</option>
												</select>
											</td>
										</tr>
										<tr>
											<td colspan="2" style="text-align: center;height: 50px;">
												<a class="layui-btn layui-btn-normal" lay-submit lay-filter="form_submit_search_table"><icon class="layui-icon layui-icon-search"></icon>搜 索</a>
												<a class="layui-btn layui-btn-primary" lay-submit lay-filter="form_clear_search_table"><icon class="layui-icon layui-icon-refresh-3"></icon>重 置</a>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
						<!-- 邮件搜索-垃圾箱[end] -->
					</div>
				</div>
			</div>
		</div>
		<!-- 树面板【end】 -->
		<!-- 内容面板【start】 -->
		<div style="height: calc(100% - 5px); width: 83%; float: left; padding: 5px 2px;">
			<div class="display_flex" style="height: 100%; background-color: #ffffff;">
				<!-- 写邮件【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%; display: none;" data-filter="filter_panel_right" data-type="write">
					<form class="layui-form" action="" id="id_form_write_mail">
						<input type="hidden" name="draftId">
						<div class="layui-form-item" style="border-radius:10px 10px 0 0; padding: 5px 0;">
							<div class="layui-btn layui-btn-sm" style="background: rgba(0,161,21,1) !important;" lay-submit lay-filter="form_submit_send_mail"><span class="fa_span" style="color: #FFFFFF"><i class="layui-icon layui-icon-release"></i>发 送</span></div>
							<div class="layui-btn layui-btn-sm" style="background: rgba(243,160,65,1) !important;" lay-submit lay-filter="form_submit_save_draft"><span class="fa_span" style="color: #FFFFFF"><i class="layui-icon layui-icon-release"></i>存草稿</span></div>
							<div class="layui-btn layui-btn-sm" id="id_input_file_multy_for_draft" data-source-id="" data-source-type="12" data-source-code="ExtraFile"><span style="color: #FFFFFF"><i class="layui-icon layui-icon-release"></i>附 件</span></div>
							<div class="layui-btn layui-btn-primary layui-btn-sm" data-filter="filter_write_close"><i class="layui-icon layui-icon-close-fill"></i>关闭</div>
						</div>
						<div class="layui-form-item" style="margin-bottom: 2px;">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10"><i class="layui-icon layui-icon-list"></i>收件人：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<div class="person_panel">
										<div id="id_receivers" style="width: 98%;height: auto;">
											<!-- <div class="person_single" data-user-id="00002" data-user-name="林海宝"><span>林海宝 [00002x]</span><i class="layui-icon">&#x1007</i></div> -->
										</div>
									</div>
									<i class="layui-icon layui-icon-more class_for_hover_red" title="选择工号" data-type="select_for_receivers" data-filter="_select_option" style="position: absolute; right: 30px; top:0px; height: 30px; line-height: 30px; width: 25px;"></i>
									<i class="layui-icon layui-icon-close-fill class_for_hover_red" title="清空" style="position: absolute; right: 2px; top:0px; height: 30px; line-height: 30px; width: 25px;" onclick="doClearOption('receiver')"></i>
								</div>
							</div>
						</div>
						<div class="layui-form-item" style="margin-bottom: 2px;">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10"><i class="layui-icon layui-icon-list"></i>抄送：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<div class="person_panel">
										<div id="id_copyers" style="width: 98%;height: auto;">
											<!-- <div class="person_single" data-user-id="00002" data-user-name="林海宝"><span>林海宝 [00002x]</span><i class="layui-icon">&#x1007</i></div> -->
										</div>
									</div>
									<i class="layui-icon layui-icon-more class_for_hover_red" title="选择工号" data-type="select_for_copyers" data-filter="_select_option" style="position: absolute; right: 30px; top:0px; height: 30px; line-height: 30px; width: 25px;"></i>
									<i class="layui-icon layui-icon-close-fill class_for_hover_red" title="清空" style="position: absolute; right: 2px; top:0px; height: 30px; line-height: 30px; width: 25px;" onclick="doClearOption('copyer')"></i>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10">标题：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<input id="id_form_title" type="text" name="title" value="" autocomplete="off" lay-verify="required" class="layui-input height_30 height_30" style="border-radius: 2px; border-style: solid;">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10">紧急程度：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<input type="radio" name="emergent" value="1" title="普通">
									<input type="radio" name="emergent" value="2" title="加急">
									<input type="radio" name="emergent" value="3" title="特急">
								</div>
							</div>
						</div>
						<div class="layui-form-item" style="margin-bottom: 2px;">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10">邮件标签：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<div class="person_panel">
										<div id="id_tags" style="width: 98%;height: auto;">
										</div>
									</div>
									<i class="layui-icon layui-icon-more class_for_hover_red" title="选择标签" data-type="select_for_tags" data-filter="_select_option" style="position: absolute; right: 30px; top:0px; height: 30px; line-height: 30px; width: 25px;"></i>
									<i class="layui-icon layui-icon-close-fill class_for_hover_red" title="清空" style="position: absolute; right: 2px; top:0px; height: 30px; line-height: 30px; width: 25px;" onclick="doClearOption('tag')"></i>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline layui-col-xs12 layui-col-md12 layui-col-xs12 margin_r_0">
								<label class="layui-form-label padding_6_0 width_80 margin_0_0_0_N10">正文：</label>
								<div class="layui-input-block margin_l_70 min_height_38">
									<textarea id="id_form_send_detail" name="detail" lay-filter="hypeTextEditor"></textarea>
								</div>
							</div>
						</div>
					</form>
				</div>
				<!-- 写邮件【end】 -->
				
				<!-- 收件箱【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%;" data-filter="filter_panel_right" data-type="inbox" id="id_panel_inbox">
					<div class="ysui-col flex_none width_percent_100" style="height: 100%;" data-filter="filter_grid_panel">
						<table class="layui-hide" id="id_main_table_inbox" lay-filter="filter_main_table_inbox"></table>
					</div>
					
					<div data-filter="filter_content" style="max-height: 250px; overflow: auto; margin-top: 5px; display: none;">
					</div>
				</div>
				<!-- 收件箱【end】 -->
				
				<!-- 草稿箱【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%; display: none;" data-filter="filter_panel_right" data-type="draft" id="id_panel_draft">
					<div class="ysui-col flex_none width_percent_100" style="height: 100%;" data-filter="filter_grid_panel">
						<table class="layui-hide" id="id_main_table_draft" lay-filter="filter_main_table_draft"></table>
					</div>
					
					<div data-filter="filter_content" style="max-height: 250px; overflow: auto; margin-top: 5px; display: none;">
					</div>
				</div>
				<!-- 草稿箱【end】 -->
				
				<!-- 发件箱【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%; display: none;" data-filter="filter_panel_right" data-type="outbox" id="id_panel_outbox">
					<div class="ysui-col flex_none width_percent_100" style="height: 100%;" data-filter="filter_grid_panel">
						<table class="layui-hide" id="id_main_table_outbox" lay-filter="filter_main_table_outbox"></table>
					</div>
					
					<div data-filter="filter_content" style="max-height: 250px; overflow: auto; margin-top: 5px; display: none;">
					</div>
				</div>
				<!-- 发件箱【end】 -->
				
				<!-- 垃圾箱【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%; display: none;" data-filter="filter_panel_right" data-type="dustbin" id="id_panel_dustbin">
					<div class="ysui-col flex_none width_percent_100" style="height: 100%;" data-filter="filter_grid_panel">
						<table class="layui-hide" id="id_main_table_dustbin" lay-filter="filter_main_table_dustbin"></table>
					</div>
					
					<div data-filter="filter_content" style="max-height: 250px; overflow: auto; margin-top: 5px; display: none;">
					</div>
				</div>
				<!-- 垃圾箱【end】 -->

				<!-- 邮件详情【start】 -->
				<div style="padding: 5px; height: calc(100% - 10px); width: 100%; display: none;" data-filter="filter_panel_right" data-type="detail" id="id_panel_detail">
					<div style="disbplay: none; margin-left:0;min-height:100%;padding:0" data-filter="filter_detail">
						<div style="min-height: 751px; box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 20px rgba(0,0,0,.1) inset; background: #fffdfd; border-radius: 10px; margin: 10px;">
							<form class="layui-form" action="">
								<div class="layui-form-item btn-list" style="border-radius: 10px 10px 0px 0px; background: rgba(255, 255, 255, 0.35); height: auto; text-align: left; padding: 5px 0 5px 28px; margin: 0;">
									<a class="layui-btn layui-btn-normal" style="background-color: #0087fa; height: 32px; line-height: 32px; padding: 0 10px;" data-filter="filter_detail_btn" data-type="back"><i class="layui-icon layui-icon-left"></i>返 回</a>
									<a class="layui-btn layui-btn-normal" style="background-color: #0087fa; height: 32px; line-height: 32px; padding: 0 10px;" data-filter="filter_detail_btn" data-type="reply"><i class="layui-icon layui-icon-refresh-1"></i>回 复</a>
									<a class="layui-btn layui-btn-normal" style="background-color: #0087fa; height: 32px; line-height: 32px; padding: 0 10px;" data-filter="filter_detail_btn" data-type="transfer"><i class="layui-icon layui-icon-release"></i>转 发</a>
									<a class="layui-btn layui-btn-normal" style="background-color: #0087fa; height: 32px; line-height: 32px; padding: 0 10px;" data-filter="filter_detail_btn" data-type="delete"><i class="layui-icon layui-icon-close"></i>删 除</a>
								</div>
								<div class="layui-form-item content-head">
									<b style="font-size: 15px;">
										<i class="layui-icon layui-icon-email" title="普通邮件" style="color: #0095e7;font-size: 18px;"></i>
										<span id="id_detail_title">--</span>
									</b>
									<span id="id_multy_file_for_detail" data-source-id="" data-source-type="13" data-source-code="ExtraFile" style="cursor: pointer; height: 22px; display: block; margin-top: 4px; color: green;"><i class="layui-icon layui-icon-link"></i> &nbsp;<font id="id_detail_extra_file">--</font></span>
									<p>发件人：<span id="id_detail_sender">--</span></p>
									<p>时间：<span id="id_detail_time">--</span></p>
									<p>收件人：<span id="id_detail_receivers">--</span></p>
								</div>
								<div class="layui-form-item mailContent" style="height: 548px;" id="id_detail_content">
									--
								</div>
							</form>
						</div>
					</div>
				</div>
				<!-- 邮件详情【end】 -->
			</div>
		</div>
		<!-- 内容面板【end】 -->
	</div>
	
	<script th:inline="javascript">
	// 搜索表单初始化
	window.MailObj = null;
	//使用layui的模块
	layui.config({
		//自定义layui组件的目录,设定扩展的layui模块的所在目录，一般用于外部模块扩展
		base: '/static/js/layui_extends/',
		version: true
	}).use(['form', 'jquery', 'element', 'table', 'dropdown', 'optimizeSelectOption', 'util', 'laydate', 'YsGrid', 'YsModal', 'MailObj', 'YsMultyFile'], function(){
		var $ = layui.jquery;
		var dropdown = layui.dropdown;
		var element = layui.element;
		var form = layui.form;
		var laydate = layui.laydate;
		var table = layui.table;
		var util = layui.util;
		var YsGrid = layui.YsGrid;
		var YsMultyFile = layui.YsMultyFile;
		var MailObj = layui.MailObj;
		window.MailObj = MailObj.init({});
	});
	</script>
	
</body>
</html>